@import "base";

h1 {
  border-bottom: 2px solid $baseColor;
  padding-bottom: rem(8);
  font-size: rem(30);
  color: $baseColor;
  span {
    display: inline-block;
    width: rem(48);
    height: rem(38);
    line-height: rem(38);
    text-align: center;
    font-size: rem(28);
    color: #ffffff;
    margin-right: rem(16);
    background: $baseColor;
  }
}

.search {
  font-size: rem(28);
  padding-left: rem(58);
  margin-bottom: rem(30);
  margin-top: rem(36);
  span{
    vertical-align: middle;
  }
  .search-input {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    .iconfont {
      font-size: rem(30);
      position: absolute;
      right: rem(18);
      top: rem(15);
      line-height: 1;
    }
    input {
      box-sizing: border-box;
      width: rem(400);
      height: rem(58);
      padding-left: rem(14);
      border: 1px solid #636363;
      font-size: rem(20);
      margin-bottom: 0;
    }
  }
}

.goods-list {
  margin-bottom: rem(66);
  min-height: rem(380);
  .goods-wrap {
    display: inline-block;
    border: 1px solid #e8e8e8;
    background: #ffffff;
    padding: rem(12) rem(14) rem(22);
    margin-right: rem(42);
    margin-bottom: rem(42);
    .goods-img {
      width: rem(260);
      height: rem(258);
      overflow: hidden;
      margin-bottom: rem(20);
    }
    .goods-name {
      margin-bottom: rem(16);
      font-size: rem(26);
      color: #555555;
    }
    .vote {
      vertical-align: bottom;
      font-size: rem(28);
      span {
        color: #ff0200;
        font-size: rem(28);
      }
    }
  }
}

.tipPC {
  box-sizing: border-box;
  padding: rem(46) rem(60);
  font-size: rem(50);
  height: rem(354);
}